<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset='utf-8' />
    <title>妙可蓝多央视少儿作品征集</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta http-equiv="Cache-Control" content="max-age=0" />
    <meta name="HandheldFriendly" content="true" />
    <meta name="viewport" content="width=320.1, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <link href="css/swiper-bundle.min.css" rel="stylesheet" type="text/css" />
    <link href="css/common.css" rel="stylesheet" type="text/css" />
</head>
<body>

    <div class="pop-bg show">
        <div class="pop-box" id="signIn">
            <img class="pop-close" src="images/pop_close.png" alt="" />
            <img class="pop-signin-title" src="images/pop_signin_title.png" width="100%" alt="" />
            <p>购买产品，即可获得上传作品邀请码</p>
            <img class="sign-in-img" src="images/sign_in_img.png" alt="" />
            <div class="pop-btns-box flex">
                <div class="pop-offline-btn"></div>
                <div class="pop-online-btn"></div>
            </div>
        </div>

        <div class="pop-box over" style="display: block;">
            <div class="pop-over-box">
                <div class="pop-over-title">徐州地区</div>
                <div class="pop-over-product">
                    <p>《满江红》《小树叶的童话》《妈妈我爱你》</p>
                    <p>《大提琴》《手风琴》《绘画》《鱼灯》</p>
                    <p>《妈妈是天使》《粉刷匠》《爱妈妈》</p>
                </div>
                <div class="pop-over-info">
                    <p>现场活动地址：xxxxxxxxxxxxxxxxxxxxxx</p>
                    <p>现场参赛时间：xxxxxxxxxxxxxxxxxxxxxx</p>
                </div>
            </div>
            <div class="pop-over-box">
                <div class="pop-over-title">徐州地区</div>
                <div class="pop-over-product">
                    <p>《唱儿歌》《古诗》《爵士舞》《英语朗读》</p>
                    <p>《四季有形-说文解字》《一只小花猫》</p>
                    <p>《“少年行”其一》</p>
                </div>
                <div class="pop-over-info">
                    <p>现场活动地址：xxxxxxxxxxxxxxxxxxxxxx</p>
                    <p>现场参赛时间：xxxxxxxxxxxxxxxxxxxxxx</p>
                </div>
            </div>
            <div class="pop-over-tips">友情提示：本次活动已结束，如您本次活动未能入围，您也可以在活动期间到现场为入围选手加油助威，现场还有更多惊喜等着您。</div>
        </div>
    </div>

    <div class="page">
        <div class="server-box flex">
            <img src="images/server_icon.png" alt="" />
            <p>客服</p>
        </div>
        <div class="banner-box">
            <img src="images/banner.jpg" width="100%" alt="" />
        </div>
        <div class="index-nav-box flex">
            <a href="#" class="index-nav-box-item onthis"></a>
            <a href="#" class="index-nav-box-item"></a>
        </div>
        <div class="box">
            <div class="index-box-title">央视少儿作品征集(徐州)</div>
            <div class="index-vote-intro">
                <p><b>投票开始：</b>2024-02-10 00:00:00</p>
                <p><b>投票结束：</b>2024-02-15 23:59:59</p>
                <p><b>投票规则：</b>每个微信号每天可以投票1次</p>
                <div class="index-search-box flex">
                    <input type="text" placeholder="请输入才艺名称或者作品编号" />
                    <button>搜索</button>
                </div>
            </div>
            <div class="index-product-box flex">
                <div class="index-product-box-item">
                    <div class="index-product-img">
                        <img src="images/product_img_demo.jpg" width="100%" alt="" />
                        <div class="index-product-votes">999票</div>
                    </div>
                    <div class="index-product-content">
                        <div class="index-product-content-title">唱歌唱歌来唱歌</div>
                        <div class="index-product-content-author">瓦西里小朋友</div>
                        <div class="index-product-content-number">作品编号：<span>#0001</span></div>
                        <button>投TA一票</button>
                    </div>
                </div>
                <div class="index-product-box-item">
                    <div class="index-product-img">
                        <img src="images/product_img_demo.jpg" width="100%" alt="" />
                        <div class="index-product-votes">999票</div>
                    </div>
                    <div class="index-product-content">
                        <div class="index-product-content-title">唱歌唱歌来唱歌</div>
                        <div class="index-product-content-author">瓦西里小朋友</div>
                        <div class="index-product-content-number">作品编号：<span>#0001</span></div>
                        <button>投TA一票</button>
                    </div>
                </div>
                <div class="index-product-box-item">
                    <div class="index-product-img">
                        <img src="images/product_img_demo.jpg" width="100%" alt="" />
                        <div class="index-product-votes">999票</div>
                    </div>
                    <div class="index-product-content">
                        <div class="index-product-content-title">唱歌唱歌来唱歌</div>
                        <div class="index-product-content-author">瓦西里小朋友</div>
                        <div class="index-product-content-number">作品编号：<span>#0001</span></div>
                        <button>投TA一票</button>
                    </div>
                </div>
                <div class="index-product-box-item">
                    <div class="index-product-img">
                        <img src="images/product_img_demo.jpg" width="100%" alt="" />
                        <div class="index-product-votes">999票</div>
                    </div>
                    <div class="index-product-content">
                        <div class="index-product-content-title">唱歌唱歌来唱歌</div>
                        <div class="index-product-content-author">瓦西里小朋友</div>
                        <div class="index-product-content-number">作品编号：<span>#0001</span></div>
                        <button>投TA一票</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="sign-in-btn"><img src="images/sign_in_btn.png" width="100%" alt="" /></div>
        <div class="three-btns-box flex">
            <a href="#"><img src="images/intro_btn_img.png" width="100%" alt=""></a>
            <a href="#"><img src="images/vote_btn_img.png" width="100%" alt=""></a>
            <a href="#"><img src="images/rank_btn_img.png" width="100%" alt=""></a>
        </div>
    </div>

    <script type="text/javascript" src="js/jquery-2.1.0.js"></script>
    <script type="text/javascript" src="js/swiper-bundle.min.js"></script>
    <script type="text/javascript">
        $(function (e) {
            $('.pop-close').click(function (e) {
                $('.pop-bg').removeClass('show');
                $('.pop-box').hide();
            })

            $('.index-nav-box-item').click(function (e) {
                $('.index-nav-box-item').removeClass('onthis');
                $(this).addClass('onthis');
            })

            $('.pop-offline-btn').click(function (e) {
                window.location.href = 'address.html';
            })

            $('.pop-online-btn').click(function (e) {

            })

            $('.sign-in-btn').click(function (e) {
                $('.pop-bg').addClass('show');
                $('#signIn').show();
            })
        })
    </script>

</body>
</html>